<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze UI Admin index Examples</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="__PUBLIC__/Admin/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/Admin/assets/css/admin.css">
    <link rel="stylesheet" href="__PUBLIC__/Admin/assets/css/app.css">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body data-type="generalComponents">



<include file="top"/>


<div class="tpl-page-container tpl-page-header-fixed">


    <include file="header"/>


    <div class="tpl-content-wrapper">
        <div class="tpl-content-page-title">
            Amaze UI 文字列表
        </div>
        <ol class="am-breadcrumb">
            <li><a href="#" class="am-icon-home">首页</a></li>
            <li><a href="#">Amaze UI CSS</a></li>
            <li class="am-active">文字列表</li>
        </ol>
        <div class="tpl-portlet-components">
            <div class="portlet-title">
                <div class="caption font-green bold">
                    保养预约列表
                </div>


            </div>
            <div class="tpl-block">

                <div class="am-g">
                    <div class="am-u-sm-12">
                        <form class="am-form">
                            <table class="am-table am-table-striped am-table-hover table-main">
                                <thead>
                                <tr>
                                    <th class="table-check"><input type="checkbox" class="tpl-table-fz-check"></th>
                                    <th class="table-id">ID</th>
                                    <th class="table-title">车型</th>
                                    <th class="table-title">姓名</th>
                                    <th class="table-title">时间</th>
                                    <th class="table-set">车牌号</th>
                                    <th class="table-set">总价</th>
                                    <th class="table-set">手机号</th>
                                    <th class="table-set">需求</th>
                                    <th class="table-set">保养类型</th>
                                    <th class="table-set">保养详情</th>
                                    <th class="table-set">付款情况</th>

                                </tr>
                                </thead>
                                <tbody>

                                <volist name="info" id="vo">



                                    <tr>
                                        <td><input type="checkbox"></td>
                                        <td>{$i}</td>
                                        <td><a href="#">{$vo.carname}-{$vo.modelname}-{$vo.displacementname}</a></td>
                                        <td><a href="#">{$vo.xm}</a></td>
                                        <td><a href="#">{$vo.sj}</a></td>
                                        <td><a href="#">{$vo.cph}</a></td>
                                        <td><a href="#">{$vo.price}</a></td>
                                        <td><a href="#">{$vo.tel}</a></td>

                                        <td><a href="#" data-toggle="modal" data-target="#myModala">点击查看</a> <!--<volist name="info1" id="vo1"><a href="#">{$vo1.dcname}</a>*{$vo1.num}<br>  </volist>--></td>

                                        <td><a href="#"><if condition="$vo.bytype eq 1">到店汽车保养<else/>上门汽车保养</if></a></td>
                                        <td><a href="#"   data-toggle="modal" data-target="#myModal{$i}">点击查看</a>

                                            <div class="modal fade" id="myModal{$i}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top: 150px;">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                                                &times;
                                                            </button>
                                                            <h4 class="modal-title" id="myModalLabel">
                                                                保养详情
                                                            </h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <volist name="vo['voo']" id="v2o">

                                                                {$v2o.dcname}.........{$v2o.dcprice}元<br>
                                                            </volist>
                                                            地址：{$vo.ad}<br>
                                                            备注：{$vo.bz}
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                                            </button>
                                                        </div>
                                                    </div><!-- /.modal-content -->
                                                </div><!-- /.modal -->
                                            </div>


                                            <div class="modal fade" id="myModala" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top: 150px;">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                                                &times;
                                                            </button>
                                                            <h4 class="modal-title" id="myModalLabel">
                                                                需求
                                                            </h4>
                                                        </div>
                                                        <div class="modal-body" style="text-align: center">
                                                            <volist name="info1" id="vo1">

                                                                {$vo1.dcname}&nbsp;*&nbsp;{$vo1.num}个<br>
                                                            </volist>


                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                                            </button>
                                                        </div>
                                                    </div><!-- /.modal-content -->
                                                </div><!-- /.modal -->
                                            </div>

                                        </td>

                                        <td><a href="#"><if condition="$vo.zhuangtai eq 1">到店付款<elseif condition="$vo.zhuangtai eq 2"/>全款付清-未消费
										<elseif condition="$vo.zhuangtai eq 99"/>全款付清-消费完毕
										<elseif condition="$vo.zhuangtai eq 4"/>订单取消
										</if></a></td>


                                    </tr>


</volist>
                                </tbody>
                            </table>
                            <div class="am-cf am-pagination tpl-pagination">
                                {$page}
                            </div>
                            <hr>

                        </form>
                    </div>

                </div>
            </div>
            <div class="tpl-alert"></div>
        </div>


    </div>

</div>
<!-- 模态框（Modal） -->


<script src="__PUBLIC__/Admin/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/Admin/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/Admin/assets/js/app.js"></script>
</body>

</html>